<template>
	<view class="invite-fans flex-col col-center">
		<u-image class="invite-img" height="820rpx" border-radius="20rpx" width="520rpx" :src="imgUrl" />
		<view class="bg-white footer flex-1">
			<view class="m-b-40">
				<view class="m-b-10 sm lighter">我的邀请码</view>
				<view class="flex row-between">
					<view class="font-size-44">{{inviteCode}}</view>
					<view class="primary sm m-r-30" @tap="onCopy">点击复制</view>
				</view>
			</view>
			<!-- #ifdef MP-WEIXIN || APP-PLUS -->
			<button type="primary" size="lg" class="br60" @tap="saveImageToAlbum">保存到相册</button>
			<!-- #endif -->
			<!-- #ifdef H5 -->
			<button type="primary" size="lg" class="br60">长按保存到相册</button>
			<!-- #endif -->
		</view>
	</view>
</template>

<script>
	// +----------------------------------------------------------------------
// | likeshop开源商城系统
// +----------------------------------------------------------------------
// | 欢迎阅读学习系统程序代码，建议反馈是我们前进的动力
// | gitee下载：https://gitee.com/likeshop_gitee
// | github下载：https://github.com/likeshop-github
// | 访问官网：https://www.likeshop.cn
// | 访问社区：https://home.likeshop.cn
// | 访问手册：http://doc.likeshop.cn
// | 微信公众号：likeshop技术社区
// | likeshop系列产品在gitee、github等公开渠道开源版本可免费商用，未经许可不能去除前后端官方版权标识
// |  likeshop系列产品收费版本务必购买商业授权，购买去版权授权后，方可去除前后端官方版权标识
// | 禁止对系统程序代码以任何目的，任何形式的再发布
// | likeshop团队版权所有并拥有最终解释权
// +----------------------------------------------------------------------
// | author: likeshop.cn.team
// +----------------------------------------------------------------------
	import {
		getUserPoster
	} from "@/api/user";
	import {mapGetters} from 'vuex'
	import {copy}  from '@/utils/tools.js'
	export default {
		data() {
			return {
				imgUrl: ''
			};
		},


		onLoad() {
			this.getUserPosterFun();
		},

		methods: {
			saveImageToAlbum() {
				// 下载网络图片到本地
				uni.downloadFile({
					url: this.imgUrl,
					success: res => {
						// #ifndef H5
						uni.saveImageToPhotosAlbum({
							filePath: res.tempFilePath,
							success: res => {
								this.$toast({
									title: "保存成功"
								});
							},
							fail: err => {
								console.log(err, 'fail')
							}
						});
						// #endif
						// #ifdef H5
						this.$toast({
							title: 请长按图片保存
						})
						// #endif
					}
				});
			},

			getUserPosterFun() {
				// #ifdef H5 
				let path = '/' || APP - PLUS
				// #endif
				// #ifdef MP-WEIXIN 
				let path = 'pages/index/index'
				// #endif
				getUserPoster({
					url: path
				}).then(res => {
					if (res.code == 1) {
						this.imgUrl = res.data.url
					}
				});
			},
			onCopy() {
				copy(this.inviteCode)
			}
		},
		computed: {
			...mapGetters(['inviteCode'])
		}
	};
</script>
<style lang="scss">
	page {
		padding: 0
	}
	.invite-fans {
		min-height: 100vh;
		overflow: hidden;
		.invite-img {
			margin: 60rpx 0;
		}
		.footer {
			padding:30rpx;
			width: 100%;
		}
	}
</style>